<template>
	<view class="Order-page">
		<uni-grid :column="4" class="Order-tab">
			<uni-grid-item class="Order-tab-box">
				<view class="text">全部</view>
			</uni-grid-item>
			<uni-grid-item class="Order-tab-box">
				<view class="text">未付款</view>
			</uni-grid-item>
			<uni-grid-item class="Order-tab-box">
				<view class="text">待发货</view>
			</uni-grid-item>
			<uni-grid-item class="Order-tab-box">
				<view class="text">已完成</view>
			</uni-grid-item>
		</uni-grid>
	</view>
</template>

<script setup>
	
</script>

<style lang="scss">
	// 订单页面
	.Order-page {
		display: flex;
		width: 100vw;
		height: 100vh;
		// 订单标签栏
		.Order-tab {
			display: flex;
			color: #646566;;
			font-size: px2rpx(14);
			justify-content: space-between;
			padding: px2rpx(10) px2rpx(18);
			width: px2rpx(375);
			height: px2rpx(44);
		}
	}
</style>